<template>
	<view class="container">
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training1.png"
				@click="showTraining(`https://web.brainsources.cn/trains/gxsh/?source=FJH_wx&loadOrientFlg=2`)"></img>
		</view>
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training2.png"
				@click="showTraining(`https://web.brainsources.cn/trains/szsp/?source=FJH_wx&loadOrientFlg=2&orientFlg=2`)"></img>
		</view>
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training3.png"
				@click="showTraining(`https://web.brainsources.cn/trains/sgdz/?source=FJH_wx&loadOrientFlg=2&orientFlg=2`)"></img>
		</view>
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training4.png"
				@click="showTraining(`https://web.brainsources.cn/trains/mszj/?source=FJH_wx&loadOrientFlg=2`)"></img>
		</view>
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training5.png"
				@click="showTraining(`https://web.brainsources.cn/trains/bbwy/?source=FJH_wx&loadOrientFlg=2`)"></img>
		</view>
		<view class="myview">
			<img class="trainingImg"
				src="https://www.ainaoxingdong.com/api/an-media/images/an/static/middleScreening/screening/training6.png"
				@click="showTraining(`https://web.brainsources.cn/trains/cyyx/?source=FJH_wx&loadOrientFlg=2`)"></img>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			showTraining(trainingUrl) {
				uni.navigateTo({
					url: `/pages/middleScreening/healthAdvice/showTraining?url=` + trainingUrl
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%
	}

	.container {
		display: inline-block;
		background-color: #f4f7f9;
		padding: 0rpx;
		height: 100%;
		width: 100%;
	}


	.myview {
		text-align: center;
		margin: 30rpx;
		margin-top: 50rpx;
		display: inline-block;
		background-color: 10ee5a6c;
		width: 310rpx;
		height: 310rpx;
	}

	.trainingImg {
		padding-top: 10rpx;
		height: 370rpx;
		width: 300rpx;
	}
</style>
